<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
   // js是一个单线程的。
   // 同步，同步的特点：如果有报错，就会阻塞js的进程。
//    console.log(a);
//    let b = 10;
//    console.log(b);


// 异步，异步不会阻塞线程的执行。
//  setTimeout(() => {
//     console.log(a);
//  })
//  let b = 10;
//  console.log(b);


// ajax请求后台数据的。

// 1.创建 Ajax 的核⼼对象 XMLHttpRequest 对象
let ajax = new XMLHttpRequest();

// 2.通过 XMLHttpRequest 对象的 open() ⽅法与服务端建⽴连接
// 第一个参数是请求方式，第二个参数是请求地址
ajax.open('GET','https://api.it120.cc/small4/cms/news/list');
// 3.构建请求所需的数据内容，并通过 XMLHttpRequest 对象的 send() ⽅法发送给服务器端
ajax.send();
// 4.通过 XMLHttpRequest 对象提供的 onreadystatechange 事件监听服务器端你的通信状态
ajax.onreadystatechange  = function () {
    // readyState 请求的状态，2代表，请求建立连接成功，3，相应成功。4，请求完成。（成功或者失败）
//   console.log(ajax.readyState);
    // status 200 代表请求成功
//    if(ajax.readyState == 4)
    //  console.log(ajax.status);


    // response 相应的结果
    if (ajax.readyState == 4 && ajax.status == 200){
        // console.log(ajax.response);
        console.log(JSON.parse(ajax.response));
    }
}
</script>